<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <!-- Feuilles de style -->
        <link href="#{facesContext.externalContext.requestContextPath}/css/base.css" rel="stylesheet" type="text/css"/>
        <link href="#{facesContext.externalContext.requestContextPath}/css/search.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/overlay-apple.css"/>
        <!-- tab styling -->
        <link rel="stylesheet" type="text/css" href="http://static.flowplayer.org/tools/css/tabs.css" />
        <!-- tab pane styling -->
        <style type="text/css" >
            /* tab pane styling */
            .panes div {
                display:none;
                padding:15px 10px;
                border:1px solid #999;
                border-top:0;
                height:auto;
                font-size:14px;
                background-color:#fff;
            }
            ul.tabs a {font-size: 14px;}
        </style>
        <!-- Insertion de JQuery Tools -->
        <script type="text/javascript"  src="#{facesContext.externalContext.requestContextPath}/js/jquery.tools.min.js.js"></script>
        <title>Gestion des stages UTT - Administration</title>
    </h:head>

    <h:body>
        <div id="global" class="shadow">
            <div id="top">
                <table>
                    <tr>
                        <td class="left">
                            <div id="_logo"><img src="#{facesContext.externalContext.requestContextPath}/images/logo.jpg" alt="Logo UTT" title="Logo UTT" /></div>
                        </td>
                        <td>
                            <div id="_titre">
                                <h1>Gestion des stages <span id="version">Version 1.0</span></h1>
                            </div><!-- Nom du site & Version-->
                        </td>
                        <td>
                            <div id="session" class="right">
                                <img src="#{facesContext.externalContext.requestContextPath}/images/icone-login.png" alt="En ligne" title="En ligne"/><p>Vous êtes connecté(e) en tant que <span>Login</span> </p>
                                <form action="logout.session">
                                    <button id="deconnexion" ><span>Déconnexion</span><img src="#{facesContext.externalContext.requestContextPath}/images/icone-deconnexion.png" title="Deconnexion" alt="Deconnexion"/></button>
                                </form>
                            </div><!-- Bloc de profil utilisateur-->
                        </td>
                    </tr>
                </table>
            </div><!-- Haut de page -->

            <div>
                <div id="left">
                    <ui:insert name="left"></ui:insert>
                    <img src="#{facesContext.externalContext.requestContextPath}/images/home-icon.gif" alt="Accueil du site" title="Accueil du site" /><h3 class="textshad">Menu principal</h3>

                    <div id="menu">
                    </div><!-- Boutons "Ajout" + "Recherche"-->
                    <hr />
                    <div id="trie">
                        <img src="#{facesContext.externalContext.requestContextPath}/images/tri.png" alt="Trier par..." title="Trier par..."/>
                        <h3 class="textshad">Trier par : </h3>
                        <ul>
                            <li>Type</li>
                            <li>Pays</li>
                            <li>Ville</li>
                            <li>Entreprise</li>
                        </ul>
                    </div><!-- Trier par ... -->

                </div> <!-- Menu de gauche -->

                <div id="content" class="left_content">
                    <h3>Assigner un stage à un étudiant</h3>
                    <h:form>
                        <p>
                            <h:selectOneListbox id="stageAss">
                                <f:selectItems value="#{stages.listStages}" var="item1" itemLabel="#{item1.sujet}" itemValue="#{item1.id}" id="stageSelected"/>
                            </h:selectOneListbox> <!-- Liste des stages disponibles -->
                        </p>
                        <p>
                            <h:selectOneListbox id="etudiantsStageAss">
                                <f:selectItems value="#{contacts.listEtudiants}" var="item2" itemLabel="#{item2.nom} #{item2.prenom}" itemValue="#{item2.id}" id="etuSelected"/>
                            </h:selectOneListbox><!-- Liste d'étudiants -->
                        </p>
                        <p>
                            <h:commandButton action="#{stages.doAssignBack}" value="Assigner"/>
                        </p>

                    </h:form>

                </div><!-- Contenu principal -->
            </div><!-- Bloc central -->
            <div class="clear"></div>
            <div id="bottom">
                <p>
                    <a href="http://www.utt.fr" title="Université de Technologie de Troyes">Université de Technologie de Troyes</a> |
                    <a href="http://era.utt.fr/" title="Environnement de Réseaux Autonomes (ERA)">Environnement de Réseaux Autonomes (ERA)</a> |
                    <a href="http://www.charlesen.fr" title="Charles EDOU NZE : &Eacute;l&egrave;ve ingénieur UTT - Homepage">Charlesen.fr - Homepage</a>
                </p>
            </div> <!-- Bas de page - Pied de page -->
        </div><!-- Bloc global -->
    </h:body>

</html>
